<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        a {
            text-decoration: none;
        }

        ul,
        li {
            list-style: none;
        }

        .footer {
            width: 100%;
            /* height: 300px; */
            background-color: #fff
                /* background-color: orange; */
        }

        .w {
            width: 1226px;
            height: 100%;
            margin: 0 auto;
        }

        .footer .service {
            overflow: hidden;
            padding: 27px 0;
            border-bottom: 1px solid #e0e0e0;
        }

        .footer .service .list {
            float: left;
            width: 19.8%;
            height: 25px;
            /* font-size: 16px; */
            line-height: 25px;
            /* background-color: pink; */
            text-align: center;
            border-right: 1px solid #e0e0e0;
        }

        .footer .list.br0 {
            border-right: none;
        }

        .footer .service .list a {
            color: #616161;
        }

        .footer .links {
            overflow: hidden;
            /* width: 160px; */
            padding: 40px 0;
        }

        .footer .links a {
            color: #616161;
        }

        .links dl {
            width: 160px;
            /* height: 200px; */
            float: left;
        }

        .links dt {
            margin: -1px 0 26px;
            font-size: 14px;
            line-height: 1.25;
            color: #424242;
        }

        .links dd {
            font-size: 12px;
            line-height: 18px;
            margin: 10px 0 0;
            color: #757575;
        }

        .links dd:hover a {
            color: #ff6700;
        }

        .links .contact {
            float: right;
            width: 251px;
            height: 111px;
            border-left: 1px solid #e0e0e0;
            color: #616161;
            text-align: center;
            
        }

        .contact .phone {
            font-size: 22px;
            line-height: 22px;
            color: #ff6700;
            margin: 0 0 5px 0;
        }

        .contact .time {
            margin: 0 0 5px 0;
            font-size: 12px;
            line-height: 18px;
        }

        .contact .people {
            width: 120px;
            height: 28px;
            background: #fff;
            border: 1px solid #f25807;
            margin: 0 auto;
        }

        .contact .people a {
            font-size: 12px;
            line-height: 28px;
            color: #ff6700;
        }

        .contact p:hover a {
            color: #fff;
            background-color: #ff6700;
        }

        .contact .follow {
            float: left;
            font-size: 12px;
            line-height: 12px;
            height: 21px;
            margin-top: 10px;
            text-align: center;
            text-indent: 70px;
        }

        .contact .follow img {
            /* float: left; */
            /* display: block; */
            width: 24px;
            height: 24px;
            margin-left: 6px;
            margin-top: -3px 
            vertical-align: middle;
        }

    </style>
</head>

<body>
    <div class="footer">
        <div class="w">
            <ul class="service">
                <li class="list">
                    <a href="">预约维修服务</a>
                </li>
                <li class="list">
                    <a href="">7天无理由退货</a>
                </li>
                <li class="list">
                    <a href="">15天免费换货</a>
                </li>
                <li class="list">
                    <a href="">满69包邮</a>
                </li>
                <li class="list br0">
                    <a href="">520余家售后网点</a>
                </li>
            </ul>
            <div class="links">
                <dl>
                    <dt>帮助中心</dt>
                    <dd>
                        <a href="https://www.mi.com/service/account/Account%20registration/">账户管理</a>
                    </dd>
                    <dd>
                        <a href="https://www.mi.com/service/buy/SalesTime/">购物指南</a>
                    </dd>
                    <dd>
                        <a href="https://www.mi.com/service/order/sendprogress/">订单操作</a>
                    </dd>
                </dl>
                <dl>
                    <dt>服务支持</dt>
                    <dd>
                        <a href="https://www.mi.com/service/exchange">售后政策</a>
                    </dd>
                    <dd>
                        <a href="https://www.mi.com/service/">自助服务</a>
                    </dd>
                    <dd>
                        <a href="https://www.mi.com/service/download/">相关下载</a>
                    </dd>
                </dl>
                <dl>
                    <dt>线下门店</dt>
                    <dd>
                        <a href="https://www.mi.com/service/exchange">小米之家</a>
                    </dd>
                    <dd>
                        <a href="https://www.mi.com/service/">服务网点</a>
                    </dd>
                    <dd>
                        <a href="https://www.mi.com/service/download/">授权体验店</a>
                    </dd>
                </dl>
                <dl>
                    <dt>关于小米</dt>
                    <dd>
                        <a href="https://www.mi.com/service/exchange">了解小米</a>
                    </dd>
                    <dd>
                        <a href="https://www.mi.com/service/">加入小米</a>
                    </dd>
                    <dd>
                        <a href="https://www.mi.com/service/download/">投资者关系</a>
                    </dd>
                    <dd>
                        <a href="https://www.mi.com/service/download/">企业社会责任</a>
                    </dd>
                    <dd>
                        <a href="https://www.mi.com/service/download/">廉洁举报</a>
                    </dd>
                </dl>
                <dl>
                    <dt>关注我们</dt>
                    <dd>
                        <a href="https://www.mi.com/service/">新浪微博</a>
                    </dd>
                    <dd>
                        <a href="https://www.mi.com/service/download/">官方微信</a>
                    </dd>
                    <dd>
                        <a href="https://www.mi.com/service/download/">联系我们</a>
                    </dd>
                    <dd>
                        <a href="https://www.mi.com/service/download/">公益基金会</a>
                    </dd>
                </dl>
                <dl>
                    <dt>特色服务</dt>
                    <dd>
                        <a href="https://www.mi.com/service/download/">F码通道</a>
                    </dd>
                    <dd>
                        <a href="https://www.mi.com/service/download/">礼物码</a>
                    </dd>
                    <dd>
                        <a href="https://www.mi.com/service/download/">防伪查询</a>
                    </dd>
                </dl>
                <div class="contact">
                    <p class="phone">400-100-5678</p>
                    <p class="time">8:00-18:00（仅收市话费）</p>
                    <P class="people"><a href="">人工客服</a></P>
                    <div class="follow">
                        关注小米:
                        <a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/staticsfile/global/wb.png" alt="">
                        </a>
                        <a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/staticsfile/global/wx.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
</body>

</html>